@charset "utf-8";
/* CSS Document */


html {
	font-size:100%;
}
body {
	font-size:16px;
	font-size:0.875rem;
	font-family:"Microsoft Yahei", arial, "Lucida Grande", "Lucida Sans Unicode";
	line-height:1.7;
	color:#333;
	background:#fff;
}
label {
	cursor:pointer;
}
body, h1, h2, h3, h4, h5, h6, p, dl, dd, ul, ol, li, form, fieldset, blockquote, table, thead, tbody, tfoot, tr, td, th {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, em {
	font-weight:normal;
	font-style:normal;
	padding:0;
	margin:0;
	font-size:0.875rem;
}
img, input, button, select, textarea {
	vertical-align:middle;
}
ul, ol {
	list-style:none;
}
img, fieldset {
	border:0;
}
table {
	width:100%;
	border-width:0;
	border-spacing:0;
	border-collapse:collapse;
}
a {
	text-decoration:none;
	color:#333;
	transition:all 0.2s;
	filter:alpha(opacity=100);
	opacity:1;
}
a img {
	filter:alpha(opacity=100);
	opacity:1;
	transition:all 0.2s;
}
a:hover {
	outline:none;
	color:#f52;
	transition:all 0.2s;
}
.btn a:hover, a:hover img {
	filter:alpha(opacity=80);
	opacity:0.8;
	transition:all 0.2s;
}
input {
	font-family:"Microsoft Yahei", arial, "Lucida Grande", "Lucida Sans Unicode";
}
.clear:after, .clearFix:after {
	content: ".";
	display: block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
.clear, .clearFix {
	display: inline-block;
}
.clear {
	clear:both;
	height:0px!important;
	overflow:hidden;
}
* html .clear, * html .clearFix {
	height:0px;
}
.clear, .clearFix {
	display:block;
}
.fl_pc {
	float:left !important;
}
.fr_pc {
	float:right !important;
}
.cl {
	clear:both !important;
}
.al {
	text-align:left !important;
}
.ar {
	text-align:right !important;
}
.ac {
	text-align:center !important;
}
.b {
	font-weight:bold !important;
}
.i {
	font-style:italic !important;
}
.dn {
	display:none;
}
/*margin padding*/

.mb_10 {
	margin-bottom:10px !important;
}
.mb_15 {
	margin-bottom:15px !important;
}
.mb_20 {
	margin-bottom:20px !important;
}
.mb_30 {
	margin-bottom:30px !important;
}
.mb_40 {
	margin-bottom:40px !important;
}
.mb_50 {
	margin-bottom:50px !important;
}
.mb_60 {
	margin-bottom:60px !important;
}
.mb_80 {
	margin-bottom:80px !important;
}
.mb_100 {
	margin-bottom:100px !important;
}
.mb_120 {
	margin-bottom:120px !important;
}
.pt_10 {
	padding-top:10px !important;
}
.pt_15 {
	padding-top:15px !important;
}
.pt_20 {
	padding-top:20px !important;
}
.pt_30 {
	padding-top:30px !important;
}
.pt_50 {
	padding-top:50px !important;
}
.pt_60 {
	padding-top:60px !important;
}
.pr_10 {
	padding-right:10px !important;
}
.pr_20 {
	padding-right:20px !important;
}
.pb_60 {
	padding-bottom:60px !important;
}


/*font*/

.bg_col01 {
	color:#09e !important;
}
.f_col01 {
	color:#06b !important;
}
.f_col02 {
	color:#f52 !important;
}
.f_gray01 {
	color:#999 !important;
}
.f_gray02 {
	color:#666 !important;
}
.f_large {
	font-size:16px;
}
.f_small {
	font-size:12px;
}
/*layout*/
#MD {
	display:block;
}
img {
	max-width:100%;
	height:auto;
}
.only_sp {
	display:none;
}
.header, .inner {
	width:1080px;
	margin:0 auto;
}
.header {
	padding:20px 0 15px;
}
.nav {
	background:#06b;
}
.nav ul {
	width:1080px;
	margin:0 auto;
}
.nav ul li {
	float:left;
}
.nav ul li a {
	display:block;
	padding:0 28px;
	color:#fff;
	line-height:48px;
	font-size:1rem;
}
.nav ul li a:hover,.nav ul li.on a {
	background:#175b99;
}
.logo {
	float:left;
	width:580px;
}
.logo span{
	padding-left:20px;
	font-size:18px;
	color:#888;
}
.search {
	margin-top:18px;
	float:left;
	margin-left:20px;
	width:270px;
	border:1px solid #eaeaea;
}
.tel_box{
	float: right;
	margin-top:-15px;
	width: 200px;
}
.tel_box ul{
	text-align:right;
	margin-bottom:5px;
}
.tel_box ul li{
	display:inline;
	padding:0 5px;
	font-size:12px;
	color:#999;
}
.tel_box ul li a{
	color:#999;
}
.tel {
	
	
	color: #999;
	font-size: 13px;
	text-align: right;
}
.tel a {
	display: inline-block;
	padding: 10px 0 10px 38px;
	color: #f52;
	background: url(../images/ico_tel.png) no-repeat left center;
	background-size: 30px;
	font-size: 16px;
}
.txt_search {
	width:210px;
	padding:8px 10px;
	margin-right:5px;
	font-family:微软雅黑;
	color:#888;
	border:none;
}
.btn_search {
	width:25px;
	height:25px;
	border:none;
	cursor:pointer;
	background:url(../images/btn_search.jpg) no-repeat 0 0;
}
.middle {
	width:1080px;
	margin:0 auto;
}
.iser {
	margin-right:-30px;
}
.iser li {
	float:left;
	width:340px;
	margin-right:30px;
	text-align:center;
}
.btn_iser_box {
	position:relative;
	overflow:hidden;
}
.btn_iser {
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	height:100%;
	text-align:center;
	background:rgba(8, 156, 239, 0.8);
	transition:all 0.2s;
}
.btn_iser_box:hover .btn_iser {
	top:0;
	transition:all 0.2s;
}
.btn_iser a {
	display:inline-block;
	margin:0 10px 15px;
	padding:3px 15px;
	color:#fff;
	border-radius:3px;
	border:1px solid #fff;
}
.btn_iser a:hover {
	background:#fff;
	color:#09e;
}
.btn_iser span {
	display:block;
	padding-top:19%;
}
.iser li h3 {
	width:70%;
	margin:0 auto 20px;
	padding:30px 0 15px;
	border-bottom:2px solid #f52;
	font-size:1.2rem;
	font-weight:bold;
}
.iser li p {
	padding:0 20px;
}
.about_box {
	width:510px;
	color:#666;
}
.ititle02 {
	padding-bottom:10px;
	margin-bottom:25px;
	font-size:24px;
	border-bottom:1px solid #eee;
	font-weight:bold;
}
.btn_about a {
	display:inline-block;
	padding:2px 20px;
	border:1px solid #f52;
	color:#f52;
}
.btn_about a:hover {
	background:#f52;
	color:#fff;
}
.inews_img {
	float:left;
	width:200px;
	margin-right:25px;
}
.inews_hot h3 {
	padding:15px 0;
	font-size:17px;
}
.inews_hot p {
}
.inews_list li {
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}
.inews_list li span {
	float:right;
	color:#aaa;
}
.inews_list li a {
	font-size:16px;
	color:#666;
}
.ititle {
	margin-bottom:5px;
	font-size:30px;
	font-weight:bold;
	text-align:center;
}
.itit_info {
	height:12px;
	text-align:center;
	border-bottom:1px solid #eee;
	font-size:15px;
	color:#999;
}
.itit_info span {
	display:inline-block;
	padding:0 10px;
	background:#f7f7f7;
}
.bg_gray {
	padding:50px 0;
	background:#f7f7f7;
}
.itit_info_whi span {
	background:#fff;
}
.pa_list {
	margin-right:-27px;
}
.pa_list li {
	float:left;
	width:196px;
	margin-right:25px;
	margin-bottom:25px;
}
.pa_list li img{
	width:196px;
	height:98px;
}
.links_list li {
	display:inline-block;
	margin-right:20px;
}
.ititle03 {
	font-size:20px;
	font-weight:normal;
	margin-bottom:10px;
}
.footer {
	padding:30px 0;
	background:#444;
	color:#eee;
	text-align:center;
	line-height:2.2;
}
#pick_wide01 .sp-slide h3 {
	font-size:16px;
	padding:10px 0 5px;
}
#pick_wide01 .sp-slide p {
	color:#666;
}
#pick_wide01 .sp-slide a {
	display:block;
}
#pick_wide01 .sp-slide {
	margin-left:-139px;
}
#pick_wide01 img{
	width:284px;
	height:186px;
}
.middle {
	width:1080px;
	margin:0 auto;
}
.pagenav {
	padding:15px 0 25px;
	font-size:12px;
	color:#888;
}
.side {
	margin-bottom:60px;
	float:left;
	width:230px;
}
.snav {
	margin-bottom:40px;
	background:#f7f7f7;
}
.snav a {
	display:block;
}
.snav dt a {
	padding:8px 20px;
	font-size:1rem;
	background:#09e;
	color:#fff;
}
.snav dt a:hover {
	background:#06b;
}
.snav dd a {
	padding:10px 35px;
	color:#666;
	border-bottom:1px solid #eee;
}
.snav dd a:hover, .snav dd.on a {
	color:#06b;
	background:#eee;
}
.scontact {
	padding:12px 0 12px 62px;
}
.scontact01 {
	background:url(../images/ico_con01.jpg) no-repeat left center;
}
.scontact02 {
	background:url(../images/ico_con02.jpg) no-repeat left center;
}
.scontact03 {
	background:url(../images/ico_con03.jpg) no-repeat left center;
}
.scontact dt {
	margin-bottom:3px;
	font-weight:bold;
}
.scontact dd {
	line-height:1.4;
	font-size:12px;
}
.stitle {
	margin-bottom:10px;
	color:#000;
	padding-bottom:10px;
	font-size:18px;
	border-bottom:1px solid #999;
}
.btn_qq {
	margin:20px 0 30px;
}
.container {
	float:right;
	width:804px;
	overflow:hidden;
}
.pro_list {
	margin-right:-30px;
}
.pro_list li {
	margin-bottom:35px;
	float:left;
	margin-right:30px;
	width:248px;
}
.pro_list li img{
	width:248px;
	height:186px;
}
.pro_list li h3 {
	font-size: 16px;
	padding: 10px 0 5px;
}
.pro_list li p {
	color: #666;
}
.epages {
	margin-bottom:60px;
	text-align:center;
	font-size:0.75rem;
}
.epages li {
	display:inline;
	padding:0 2px;
}
.epages span, .epages a {
	display:inline-block;
	padding:3px 10px;
	border:1px #eee solid;
	border-radius:3px;
}
.epages a:hover {
	border:1px #09e solid;
	color:#09e;
}
.epages span {
	background:#09e;
	border:1px #09e solid;
	color:#fff;
}
.title{
	border-bottom:1px solid #eee;
}
.title span{
	padding:0 2px 8px;
	margin-bottom:-1px;
	font-size:20px;
	display:inline-block;
	border-bottom:2px solid #09e;
}
.img_lay{
	float:left;
	width:340px;
}
.img_logo{
	margin-bottom:20px;
	overflow:hidden;
	text-align:center;
	border:1px solid #eee;
}
.img_logo img{
	margin:-10px 0;
}
.img_pro img{
	width:340px;
}
.txt_lay{
	float:right;
	width:430px;
}
.txt_info{
	padding:11px 0;
	border-bottom:1px solid #eee;
	font-size:15px;
}
.txt_info dt{
	float:left;
	color:#999;
}
.txt_info dd{
	margin-left:5.5em;
}
.stitle02{
	margin-bottom:20px;
	padding-bottom:8px;
	font-size:18px;
	border-bottom:1px solid #eee;
	color:#000;
}
.content{ padding-bottom:20px; line-height:2;}
.content h3{ margin:1em 0 0.8em; font-size:16px;  color:#000;}
.content p{ margin-bottom:0.8em;}
.content img{ max-width:800px; height:auto; margin: 5px 0 15px;}
.content a{ color:#06b;}
.content a:hover{ text-decoration:underline;}
.content ul li{ padding-left:16px; padding-bottom:4px; background: url(../images/ico_news.jpg) no-repeat 1px 12px;}
.content ol{list-style:decimal outside; margin-left:16px;}
.content ol li{ padding-left:2px; padding-bottom:4px;}
.content ul,.content ol{ margin-bottom:1em; margin-top:-0.4em; font-size:14px;}
.pagebtn{
	border-top:1px solid #ddd;
	padding:20px 0;
}
.pagebtn li{
	width:50%;
	text-align:center;
	float:left;
	font-size:12px;
}
.snews{
	margin-bottom:30px;
}
.snews li{
	padding:12px 0;
	border-bottom:1px solid #f0f2f7;
}
.snews li a{
	color:#06b;
}
.snews li a:hover{
	color:#f52;
}
.down_list{
	margin-top:-10px;
	margin-bottom:50px;
}
.down_list li{
	padding:20px 0 20px 30px;
	border-bottom:1px solid #f0f2f7;
	background:url(../images/ico_down.jpg) no-repeat 0 26px;
}
.down_list li h3{
	margin-bottom:10px;
	font-size:16px;
}
.down_list li h3 a{
	color:#000;
}
.down_list li h3 a:hover{
	color:#f52;
}
.down_list li h3 span{
	float:right;
	padding-top:4px;
	font-size:12px;
	color:#888;
}
.down_list li p{
	color:#888;
	line-height:2;
}
.btn_down{
	display:inline-block;
	padding:3px 18px;
	background:#f52;
	color:#fff;
	border-radius:3px;
	font-size:13px;
}
.btn_down:hover{
	color:#fff;
}

.news_list li{
	padding-left:20px;
	background:url(../images/ico_news.jpg) no-repeat 5px 33px;
}
.news_time{
	font-size:12px;
	color:#888;
	margin-top:-25px;
	text-align:right;
}

.container .pa_list li{
	width:250px;
}
.container .pa_list li img{
	width:248px;
	height:124px;
	border:1px solid #f0f2f7;
}
.container .pa_list li h3{
	padding:5px 0 5px;
	text-align:center;
	color:#888;
	font-size:15px;
}

/*member*/

.mem__login_container{ padding:30px 0;}
.mem_tit{ margin-bottom:30px; font-size:18px;}
.login_table{ width:320px;}
.login_table td{ padding:10px 5px;}
.login_img{ float:left; width:600px; padding-top:30px;}
.login_con{ float:left;position: relative;width: 330px;height: 430px; padding:30px;border: 1px #ddd solid;}
.mem_input{ padding:3px 5px; width:200px; height:30px; border:1px solid #ccc; color:#666; font-family:微软雅黑;}

.btn_login{
	    width:150px;
    line-height: 34px;
    background: #06b;
    color: #fff;
    font-size: 16px;
    border: none;
    cursor: pointer;
	border-radius:3px;
	}
.mem_bar {
    float: left;
    width: 220px;
    border: 5px #f4f6f9 solid;
    border-radius: 5px;
}
.mem_bar h3 {
    margin: 10px;
    padding: 5px 20px;
    font-weight: bold;
    color: #ff9125;
    border: 1px #ff9125 solid;
    border-radius: 3px;
}
.mem_bar h3.mem_nav01 {
    color: #06b;
    border: 1px #06b solid;
}
.mem_bar h3.mem_nav02 {
    color: #ff9125;
    border: 1px #ff9125 solid;
}
.mem_bar h3.mem_nav04 {
    color: #333;
    background: #f3f3f3;
    border: none;
}
.kec_tit {
    padding: 3px 10px 10px;
    background: #fafafa;
	font-size:18px;
}
.mem_bar ul {
    margin: 10px;
}
.mem_bar ul li {
    border-bottom: 1px #eee solid;
    font-size: 12px;
}
.mem_bar ul li a {
    display: block;
    padding: 8px 30px;
}
.mem_bar h3.mem_nav04 a {
    display: block;
    text-decoration: none;
}
.mem_container {
    float: right;
    width: 820px;
}
.mem_container table .header td {
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
.mem_container table td, .mem_container table th{
    padding: 8px 10px;
    color: #333;
}
.btn_sub,.btn_res{ margin-right:15px; width:80px; line-height:30px; border-radius:3px; cursor:pointer;}
.btn_sub{ background:#06b; color:#fff; border:1px #06b solid;}
.btn_res{ background:#f6f6f6; border:1px solid #eee;}
.tborder th{ background:#f6f6f6;}

.btn_login_txt{
	color:#888;
	font-size:14px;
}
.btn_login_txt a{
	padding:0 5px;
}
.down_list li h3 span .f_col02{
	color:#888!important;
	font-weight:normal;
}
.contact_left{
	float:left;
	width:48%;
}
.contact_left p{
	margin-bottom:0.2em;
}
.contact_left h3{
	border-left:3px solid #09e;
	padding-left:15px;
	padding-bottom:2px;
	line-height:1.2;
	margin:1.5em 0 0.8em;
	font-size:16px;
}
.contact_right{
	padding:20px 0 0;
	margin-top:20px;
	float:right;
	width:48%;
	background:#f7f7f7;
}
.contact_right th{
	text-align:right;
}
.contact_right th,.contact_right td{
	color:#777;
	padding:10px;
}
.contact_right input,.contact_right select,.contact_right textarea{
	width:100%;
	padding:1.5% 0;
	background:#fff;
	border-radius:3px;
	color:#777;
	border:none;
	font-family:微软雅黑;
}
.contact_right input{
	width:96%;
	padding:1.5%;
}
.contact_right textarea{
	height:80px;
	width:96%;
	padding:1.5%;
}
.contact_right input.btn_contact{
	background:#09e;
	width:40%;
	padding:2%;
	color:#fff;
	cursor:pointer;
	margin:0 auto;
}
.btn_iser02 span,.btn_iser03 span{
	padding-top:26%;
}

 @media only screen and (min-width: 761px) and (max-width: 1199px) {
.nav,.banner,.bg_gray,.footer{
	width:1080px;
}

}